page {
	// position: relative;
	background-color: #f3f3f3;
}

.content {
	padding: 0 16rpx;
	// width: 100%;
}
.swiper {
	margin-bottom: 30rpx;
}

 .promotion {
 	width: 98%;
 	margin: 0 1%;
 	.text {
 		width: 100%;
 		height: 60upx;
 		font-size: 34upx;
 		font-weight: 600;
 		margin-top: -10upx;
 	}
 	.list {
 		width: 100%;
 		display: flex;
 		justify-content: space-between;
 		.column {
 			width: 49%;
 			padding: 15upx 3%;
 			background-color: #ebf9f9;
			// background-color: #aa0000;
 			border-radius: 10upx;
 			overflow: hidden;
 			display: flex;
 			justify-content: space-between;
 			flex-wrap: wrap;
 			.top {
 				width: 100%;
 				height: 40upx;
 				display: flex;
 				align-items: center;
 				margin-bottom: 5upx;
 				.title {
 					font-size: 30upx;
 				}
 				.countdown {
 					margin-left: 20upx;
 					display: flex;
 					height: 40upx;
 					display: flex;
 					align-items: center;
 					font-size: 20upx;
 					view {
 						height: 30upx;
 						background-color: #f06c7a;
 						display: flex;
 						justify-content: center;
 						align-items: center;
 						color: #fff;
 						border-radius: 4upx;
 						margin: 0 4upx;
 						padding: 0 2upx;
 					}
 				}
 			}
 			.left {
 				width: 50%;
 				height: 18.86vw;
 				display: flex;
 				flex-wrap: wrap;
 				align-content: space-between;
 				.ad {
 					margin-top: 5upx;
 					width: 100%;
 					font-size: 22upx;
 					color: #acb0b0;
 				}
 				.into {
 					width: 100%;
 					font-size: 24upx;
 					color: #aaa;
 					margin-bottom: 5upx;
 				}
 			}
 			.right {
 				// width: 18.86vw;
				width: 50%;
 				height: 18.86vw;
 				image {
 					width: 18.86vw;
 					height: 18.86vw;
 				}
 			}
 		}
 	}
 }
 .v-tabs {
	 margin-left: 8px;
	 width: 96%;
	 // padding: 0 6rpx;
 }
 .v-tabs-grid {
	 padding-bottom: 30px;
 }